/*	Less Framework 4
	http://lessframework.com
	by Joni Korpi
	License: http://opensource.org/licenses/mit-license.php	*/


/*	Resets
	------	*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, hr, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figure, figcaption, hgroup, menu, footer, header, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}

article, aside, canvas, figure, figure img, figcaption, hgroup, footer, header, nav, section, audio, video {
	display: block;
}

a img {border: 0;}


/*	Typography presets
	------------------	*/

.gigantic {
	font-size: 110px;
	line-height: 120px;
	letter-spacing: -2px;
}
.huge, h1 {
	font-size: 30px;
	line-height: 72px;
	letter-spacing: -1px;
	font-family:Georgia, serif;
	color:#ffffff;
	font-weight: 200;
}

.large, h2 {
	font-family:Georgia, serif;
	font-size: 34px;
	line-height: 34px;
	color:#343434;
}

.bigger, h3 {
	font-family:Georgia, serif;
	font-size: 26px;
	line-height: 36px;
}

.big, h4 {
	font-family:Georgia, serif;
	font-size: 18px;
	line-height: 26px;
}

h5
{
	font: 14px/24px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

h6
{
	font: 13px/22px Arial, Helvetica, sans-serif;
	font-weight:bold;
}

html
{
	background-color:#242424;
	background-image:url('../img/assets/darkdenim3.png');
}

body {
	font: 14px/24px Arial, Helvetica, sans-serif;
	color:#343434;
	background-color:#fff;
}

.small, small {
	font: 13px/22px Arial, Helvetica, sans-serif;
}

a {color:#343434; text-decoration:none;}
a:hover {color:#000; text-decoration:underline;}


/* Selection colours (easy to forget) */

::selection 	 	{background: rgb(255,255,158);}
::-moz-selection 	{background: rgb(255,255,158);}
img::selection 		{background: transparent;}
img::-moz-selection	{background: transparent;}
body {-webkit-tap-highlight-color: rgb(255,255,158);}



.fl { float:left; }
.fr{ float:right; }
.clear { clear:both; }
.mobile {display:none}

.header-line
{
	height:3px;
	background-color:#98c22a;
}

.header-base
{
	min-height:78px;
	height:auto !important;
	height:78px;
	font-family:Georgia, serif;
	background-color: #242424;
	background-image: url('../img/assets/darkdenim3.png');
	background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0) 15.0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0.3), rgba(0,0,0,0) 15.0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -o-linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0) 15.0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0) 15.0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: linear-gradient(90deg, rgba(0,0,0,0.3), rgba(0,0,0,0) 15.0%,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
}

.header-base h1
{
	width:252px;
	height:32px;
	padding-top:10px;
}

.header-base header nav li {
	display: block;
	
}

.header-base header nav .first
{
	border-left:0;
}

.header-base nav li a {
	color: #fff;
	font-size:16px;
	display:block;
	padding-left:12px;
	padding-right:12px;
	height:100%;
	line-height:75px;
	border-left:1px solid #1b1b1b;
	border-bottom:3px;
}

.header-base nav li a:hover,
.header-base nav .active a,
.header-base nav .active a:focus,
.header-base nav .active a:active
{
	background-image:url('../img/assets/darkdenim3_darker.png');
	border-bottom:3px solid #98c22a;
	text-decoration:none;
}

.content
{
	margin-top:24px;
	margin-bottom:24px;
}

.sitemap
{
	padding:12px;
	border-top:1px solid #EAEAEA;
	background-color: #EAEAEA;
	background-image:url('../img/assets/groovepaper.png');
	background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100.0%), url('../img/assets/groovepaper.png');
	background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100.0%), url('../img/assets/groovepaper.png');
	background-image: -o-linear-gradient(90deg, rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100.0%), url('../img/assets/groovepaper.png');
	background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100.0%), url('../img/assets/groovepaper.png');
	background-image: linear-gradient(90deg, rgba(0,0,0,0) 90%,rgba(0,0,0,0.15) 100.0%), url('../img/assets/groovepaper.png');
}

.sitemap nav .col
{
	width:160px;
	margin-right:24px;
}
.sitemap nav .last
{
	margin-right:0;
}

.sitemap nav .col li
{
	font-size:13px;
	list-style: none outside none;
	line-height:18px;
}

.footer-legal
{	
	padding-top:0.3em;
	padding-bottom:0.3em;
	background-color:#242424;
	background-image:url('../img/assets/darkdenim3.png');
	background-image: -moz-linear-gradient(90deg, rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -webkit-linear-gradient(90deg,rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -o-linear-gradient(90deg, rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: -ms-linear-gradient(90deg, rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
	background-image: linear-gradient(90deg, rgba(0,0,0,0) 85%,rgba(0,0,0,0.3) 100.0%), url('../img/assets/darkdenim3.png');
}

.footer-legal nav li 
{
	font-size:13px;
	display: inline;
	padding:0;
	margin: 0;
}

.footer-legal nav .pipe
{
	margin-left:6px;
	margin-right:6px;
}



.footer-legal nav li p, .footer-legal nav li p a
{
	color:#FFFFFF;
}

.container-992
{
	
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	padding-left:48px;
	padding-right:48px;
	padding-top:0;
	padding-bottom:0;
}

.col-252
{
	width:252px;
}

.col-620
{
	width:620px;
}

.home-services-small li, .home-services-large li
{
	margin-top:24px;
	margin-left:24px;
	list-style: none outside none;
	background-color: #f6f6f6;
}

.home-services-small .first, .home-services-large .first, .services .first
{
	margin-left:0;
}

.home-services-small li a
{
	display: block;
	padding:8px;
	padding-bottom:1px;
	border-bottom:3px solid #f6f6f6
	
}

.home-services-small li a img
{
	width:144px;
	height:96px;
	display: block;
}

.home-services-small li a:hover, .home-services-large li a:hover, .home-promo li a:hover, .services li a:hover
{
	background-color: #DDDDDD;
	border-bottom:3px solid #98c22a;
	color:#000000;
}

.home-services-small li a p
{
	padding-top:4px;
}

.home-services-large li a
{
	display: block;
	padding:12px;
	padding-bottom:3px;
	border-bottom:3px solid #f6f6f6;
	width:412px;
}

.home-services-large li a img
{
	width:412px;
	height:275px;
}

.home-services-large li a h4
{
	padding-bottom:6px;
}

.home-promo header
{
	background-color:#f6f6f6;
	width:596px;
	height:100%;
	padding:12px;
	min-height:153px
}

.home-promo li
{
	margin-left:24px;
	list-style: none outside none;
	background-color:#f6f6f6;
	width:252px;
}

.home-promo li a
{
	width:228px;
	display:block;
	padding:12px;
	padding-bottom: 6px;
}

.home-promo li a:hover
{
	border:0;
}

.home-promo li a img
{
	width:228px;
	height:152px;
}

.services .first
{
	margin-top:12px;
}

.services li
{
	margin-top:12px;
	margin-bottom:12px;
	margin-left:24px;
	list-style: none outside none;
	background-color: #f6f6f6;
}

.services li a
{
	display: block;
	padding:10px;
	padding-bottom:2px;
	border-bottom:3px solid #f6f6f6;
	text-align:cent;

}

.services li a img
{
	width:278px;
	height:185px;
	display: block;
}

.title
{
	margin-left:276px;
	margin-bottom:24px;
}

.first
{
	margin-left:0;	
}

.breadcrumb
{	
	padding-top:9px;
	//padding-bottom:0px;
	line-height:normal;
	font-size:13px;
	background-color:#EAEAEA;
	background-image:url('../img/assets/groovepaper.png');
	border-bottom:1px solid #EAEAEA;
}

.breadcrumb .mobile
{
	display:none;
}

.breadcrumb nav li
{
	list-style: none outside none;
}

.breadcrumb nav .facebook iframe
{
	position:relative;
	top:-3px;
}

.breadcrumb nav .twitter iframe
{
	position:relative;
	top:-3px;
}

.breadcrumb nav .left .fl
{
	margin-right:4px;
}

.breadcrumb nav .right .fl
{
	margin-left:6px;
}

.sidebar
{
	margin-right:24px;
}

.sidebar li
{
	padding-left:8px;
	list-style: none outside none;
}

.slides li
{
	width:620px;
	height:414px;
	list-style: none outside none;
	display: block;
}

.pagination {
	margin: 12px 0 0;
	text-align: center;
}

.pagination li {
	margin:0 2px;
	display: inline-block;
	*display: inline;
	width:12px;
	*zoom: 1;
}

.pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/static/img/gallery/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.pagination .active
{
	background-position:0 -12px;
}

/*		Mobile Layout: 320px.
		Gutters: 24px.
		Outer margins: 34px.
		Inherits styles from: Default Layout.
---------------------------------------------
cols    1     2      3
px      68    160    252    */

@media only screen and (max-width: 481px) {
	
	h3 {
		font-size:18px;
	}

	.mobile{
		display: inline;
	}
	
	.container-992 {
		width: 252px;
		padding-left:0;
		padding-right:0;
	}

	.content {
		margin-top:12px;
	}
	
	.desktop, .breadcrumb .desktop, .home-services-large, .home-promo ul, .sitemap, .footer-legal .email, .sidebar, .header-base .desktop, .footer-legal nav .pipe, .mobile-last {
		display:none;
	}
	
	.header-base .fr
	{
		float:none;
	}
	
	.header-base
	{
		height:78px;
	}
	
	.header-base nav li a {
		line-height: 30px;
		padding-left:0;
		padding-right:0;
		margin-top:7px;
		height:30px;
		width:125px;
		text-align:center;
	}
	
	.header-base h1
	{
		padding-top:6px;
		line-height:0;
	}
	
	.footer-legal li
	{
		width:252px;
		text-align:center;
	}
	
	.breadcrumb
	{
		padding-top:0px;
		line-height:9px;
		padding-bottom:12px;
	}
	
	.breadcrumb li
	{
		padding-top:10px;
	}
	
	.breadcrumb .mobile
	{
		display:inline;
		text-align:center;
	}
	
	.home-promo header
	{
		width:228px;
		min-height:100%;
	}
	
	.home-promo header h2
	{
		text-align:center;
		font-size:24px;
		line-height:24px;
	}
	
	.home-promo ul
	{
		margin-top:12px;
	}
	
	.home-promo li
	{
		margin-left:0px;
	}
	
	.home-services-small
	{
		width:252px;
		font-size:11px;
	}
	
	.home-services-small .first, .home-services-small .mobile-first
	{
		margin-left:0;
	}
	.home-services-small li a img {
		display: block;
		height: 63px;
		width: 96px;
	}
	
	.title
	{
		margin-left:0;
		margin-bottom:12px;
		text-align:center;
	}

	.title h2 {
		font-size:24px;
		line-height:24px;
	}
	
	.col-620
	{
		width:252px;
	}

	.slides li, .slides li img
	{
		width:252px;
		height:168px;
	}

	.services li {
		margin-left:0;
	}

	.services li a img {
		width:228px;
		height:152px;
	}
{
}